<template>
    <div class="page_header">
        <i class="el-icon-arrow-left go_back" @click="goBack"></i>
        <span>{{content}}</span>
    </div>
</template>

<script>
    export default {
        name: "page_header",
        props:{
            content: {type: String, default: '比亚迪'}
        },
        methods:{
            goBack() {
                this.$router.back()
            }
        }
    }
</script>

<style lang="less">

    .page_header{
        width: 100%;
        height: 50px;
        line-height: 50px;
        /*background-image: linear-gradient(137deg, #2e70eb, #275ada);*/
        background-color: #2887ff;
        color: #fff;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        text-align: center;
        .go_back{
            position: absolute;
            left: 5%;
            top: 50%;
            width: 20px;
            height: 20px;
            transform: translate(0,-50%);
            line-height: 20px;
        }
    }

</style>
